<template>
  <!-- 这是树形图组件（带搜索功能） -->
  <div>
    <el-input placeholder="输入关键字进行过滤" v-model="anchor"></el-input>
    <el-tree
      class="filter-tree"
      :data="Data"
      :props="DP"
      default-expand-all
      :filter-node-method="filterNode"
      ref="tree"
      @node-click="nodeClick"
    ></el-tree>
  </div>
</template>
<script>
// import Bus from './BUS'
export default {
  props: ["TreeData", "defaultProps"],
  data() {
    return {
      Data: [], //数据
      anchor: "", //选中的
      DP: {
        //遍历到树形图的模型
        children: "children",
        label: "name"
      }
    };
  },
  //   computed:{
  //       Data(){
  //           let D=JSON.parse(JSON.stringify(this.TreeData))
  //           return D
  //       }
  //   },
  created() {
    this.Data = JSON.parse(JSON.stringify(this.TreeData)); //数据
    this.DP = JSON.parse(JSON.stringify(this.defaultProps)); //遍历到树形图的模型
  },
  methods: {
    //树形图
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    },
    //树形图的节点选择
    nodeClick(nodeKey){
      console.log(nodeKey)
      this.$bus.emit('treeclicknode',nodeKey)
    // this.$emit("treeClickNode",nodeKey)
    },


  }
};
</script>